// @import '../../theme/theme-switch.scss';
$background-color-light:white;
$background-color-deep:red;
$color-light:blue;
$color-deep:yellow;

// @mixin bg_color($bgcolor) {
//   background-color: $bgcolor;
//   border:1px solid #ddd;
//   [data-theme="light"] & {
//     background-color: $background-color-light;
//   }
//   [data-theme="deep"] & {
//     background-color: $background-color-deep;
//   }
// }
// @mixin  txt_color($color) {
//   color: $color;
//   [data-theme="light"] & {
//     color:$color-light;
//   }
//   [data-theme="deep"] & {
//     color:$color-deep;
//   }
// }

// .home-button{
//   width: 200px;
//   height: 50px;
//   @include bg_color($background-color-light);
//   .text{
//     @include txt_color($color-light);
//   }
// }


@mixin bg_color() {
  border:1px solid #ddd;
  [data-theme="light"] & {
    background-color: $background-color-light;
  }
  [data-theme="deep"] & {
    background-color: $background-color-deep;
  }
}
@mixin  txt_color() {
  [data-theme="light"] & {
    color:$color-light;
  }
  [data-theme="deep"] & {
    color:$color-deep;
  }
}

.home-button{
  width: 200px;
  height: 50px;
  @include bg_color();
  .text{
    @include txt_color();
  }
}